查看原文
其他

一个超级方面的用户指引view—App实现用户指引就是如此简单

2017-09-05 yilylong 终端研发部


前言介绍

一个关于应用指引View的工具栏

博文地址:

http://www.jianshu.com/p/9e4fa6c25687

正文

应用推出新功能需要给给用户提示指引一下.传入需要指引的View即可

效果图


最近有小伙伴问我APP应用实现用户指引有没有好的方式,因为项目中是根据自己当前的界面和其原本的布局弹出一个dialog。

  • 优点

    这样做的好处是无需适配,不用担心适配问题

  • 缺点是:

    不同的界面要写不同的dialog,如果引导较多,则会增加代码量

偶然间看到一个不错的封装库UserGuideView。给大家分享一下。

原理是根据当前要显示引导的view,通过其坐标来设置View的位置。

使用方法

  • 第一步引入依赖

    allprojects { repositories { ... maven { url 'https://jitpack.io' } } }
  • 增加 dependency

    dependencies {    
       compile 'com.github.yilylong:UserGuideView:v1.0.0'
    }
  • 布局文件中引入

    guideView.setHighLightView(UserGuideTestActivity.this,convertView);
    guideView.setHighLightView(targetView);

UserGuideView的注意事项

传入当前需要高亮的view即可 之前的方法持有一个activity的引用不太好 去掉了

支持

  • 支持高亮框形状 属性app:HighlightViewStyle="oval" 方形 圆形 椭圆 可选

  • 提示的图片 属性 app:tipView="@mipmap/tip_view"

  • 蒙版层颜色 属性 app:maskColor

  • 高亮框边缘模糊效果 属性 app:MaskBlurStyle="solid" normal/solid

  • 默认去掉了状态栏高度 当主题设置了

    android:windowTranslucentStatus = true

    需要设置状态栏高度为0

    guideView.setStatusBarHeight(0);

    修改了状态栏高度的获取方式不需要再调用这个方法。


项目地址:

https://github.com/yilylong/UserGuideView

终端研发部提倡 没有做不到的,只有想不到的

在这里获得的不仅仅是技术!


让心,在阳光下学会舞蹈

让灵魂,在痛苦中学会微笑

—终端研发部—



如果你觉得此文对您有所帮助,欢迎入群 QQ交流群 :232203809   

微信公众号:终端研发部


            

这里学到不仅仅是技术

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存